*{
	margin: 0;
	padding: 0;
}
.active_box{
	width: 10rem;
	height: 45.2666666rem;
	background-image: url(../img/active_page/active_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.active_box .active_heard{
	width: 10rem;
	height: 12rem;
	background-image: url(../img/active_page/active_heard.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.active_heard img{
	position: absolute;
}
.active_heard .img1{
	width: 0.81333333rem;
	height: 0.81333333rem;
	left: 0.43333333rem;
	top: 3.86666666rem;
	-webkit-animation: animation1 2s linear infinite;
	        animation: animation1 2s linear infinite;
}
.active_heard .img2{
	width: 0.41333333rem;
	height: 0.41333333rem;
	left: 1.86666666rem;
	top: 0.32rem;
	-webkit-animation: animation2 2s linear infinite;
	        animation: animation2 2s linear infinite;
}
.active_heard .img3{
	width: 0.89333333rem;
	height: 0.89333333rem;
	left: 2.13333333rem;
	top: 1.09666666rem;
	-webkit-animation: animation3 2s linear infinite;
	        animation: animation3 2s linear infinite;
}
.active_heard .img4{
	width: 0.68rem;
	height: 0.68rem;
	top: 6.37333333rem;
	right: 0.4rem;
	-webkit-animation: animation4 2s linear infinite;
	        animation: animation4 2s linear infinite;
}
.active_heard .img5{
	width: 0.89333333rem;
	height: 0.89333333rem;
	left: 8.043333rem;
	top: 1.0966666rem;
	-webkit-animation: animation5 2s linear infinite;
	        animation: animation5 2s linear infinite;
}
@-webkit-keyframes animation1{
	0%{
		top: 3.86666666rem;
		left: 0.43333333rem;
	}
	50%{
		top: 3.66666666rem;
		left: 0.53333333rem;
	}
	100%{
		top: 3.86666666rem;
		left: 0.43333333rem;
	}
}
@-webkit-keyframes animation2{
	0%{
		left: 1.86666666rem;
	}
	50%{
		left: 2.26666666rem;
	}
	100%{
		left: 1.86666666rem;
	}
}
@-webkit-keyframes animation3{
	0%{
		top: 1.09666666rem;
		left: 2.13333333rem;
	}
	50%{
		top: 0.89666666rem;
		left: 2.43333333rem;
	}
	100%{
		top: 1.09666666rem;
		left: 2.13333333rem;
	}
}
@-webkit-keyframes animation4{
	0%{
		top: 6.37333333rem;
	}
	50%{
		top: 6.77333333rem;
	}
	100%{
		top: 6.37333333rem;
	}
}
@-webkit-keyframes animation5{
	0%{
		top: 1.0966666rem;
		left: 8.043333rem;
	}
	50%{
		top: 0.8966666rem;
		left: 8.243333rem;
	}
	100%{
		top: 1.0966666rem;
		left: 8.043333rem;
	}
}
.active_heard .font{
	width: 8.18666666rem;
	height: 1.36rem;
	line-height: 0.68rem;
	display: flex;
	position: absolute;
	top: 9.5333333rem;
	left: 1.38333333rem;
}
.font .font_lt{
	width: 1.28rem;
	height: 1.1rem;
	margin-top: .15rem;
	margin-right: .12rem;
	background-image: url(../img/active_page/qianggou.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.font .font_rt{
	display: flex;
	color: white;
	align-items: center;
}
.font_rt .common1{
	height: 0.06666666rem;
	width: 0.16rem;
	background-color: black;
}
.font_rt .common2{
	width: 0.78666666rem;
	height: 0.78666666rem;
	background-color: black;
	border-radius: 50%;
	font-size: 0.48rem;
	font-weight: 900;
	line-height: 0.78666666rem;
	text-align: center;
}
.active_box .active_notice{
	width: 10rem;
	height: 6.88rem;
	background-image: url(../img/active_page/active_notive.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: -.83rem;
}
.active_notice .active_name{
	color: white;
	font-weight: 600;
	font-size: 0.66666666rem;
	padding-left: 0.50666666rem;
	padding-top: 0.26666666rem;
}
.active_notice .active_rule{
	width: 5.04rem;
	height: 3.22666666rem;
	padding-left: 0.42666666rem;
	padding-top: 0.42666666rem;
	color: white;
	font-size: 0.32rem;
	margin-top: 1.166667rem;
	margin-left: 0.56666666rem;
	line-height: 0.5rem;
}
.active_box .active_adv{
	width: 9.46666666rem;
	height: 6.21333333rem;
	margin: 0 auto;
	margin-top: -0.33333333rem;
	background-image: url(../img/active_page/active_adv.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
}
.active_adv .adv_lt{
	width: 2.66666666rem;
	height: 2.96rem;
	margin-top: 1.6666666rem;
	margin-left: 1.2rem;
}
.active_adv .adv_lt img{
	width: 2.66666666rem;
	height: 2.96rem;
}
.active_adv .adv_rt .img1{
	width: 3.66666666rem;
	height: 1.04rem;
	margin-top: 1.6666666rem;
	margin-left: 1.03333333rem;
}
.adv_good_name{
	width: 5rem;
	color: #b078d0;
	margin-left: 0.47666666rem;
}
.active_adv .adv_rt .now_buy{
	width: 4.10666666rem;
	height: 1.09333333rem;
	background-image: url(../img/active_page/now_buy.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: 0.17333333rem;
	margin-left: 1.13333333rem;
}
.adv_rt .now_buy span{
	color: white;
	line-height: 0.90666666rem;
}
.adv_rt .now_buy span:nth-child(1){
	margin-left: 0.20666666rem;
}
.adv_rt .now_buy span:nth-child(2){
	font-size: 0.4rem;
}
.active_box .active_detail{
	width: 9.73333333rem;
	height: 19.92rem;
	background-image: url(../img/active_page/active_detail.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	margin-top: -0.63333333rem;
}
.active_detail .img1_box{
	padding-top: 0.09666666rem;
}
.active_detail .img1_box .img1{
	display: block;
	width: 2.33333333rem;
	height: 0.62666666rem;
	margin-left: 3.68rem;
}
.active_detail .img2{
	width: 0.58666666rem;
	height: 0.24rem;
	margin-left: 4.56rem;
}
.active_good_list{
	display: flex;
	flex-wrap: wrap;
}
.active_detail .list_item{
	width: 4.45333333rem;
	height: 5.64rem;
	background-image: url(../img/active_page/list_item.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: 0.40333333rem;
	margin-left: 0.29333333rem;
}
.active_detail .list_item:nth-child(2n){
	margin-left: 0.24rem;
}
.img_box{
	width: 100%;
	height: 4.45333333rem;
}
.img_box img{
	width: 1.72rem;
	height: 3.09333333rem;
	margin-top: 0.69333333rem;
	margin-left: 1.26666666rem;
}
.good_info{
	width: 100%;
	height: 1.14666666rem;
	display: flex;
	color: white;
}
.good_info div{
	width: 33.333%;
}
.good_info .div1 p{
	text-align: center;
	line-height: 0.50333333rem;
}
.good_info .div1 p:nth-child(1){
	font-size: 0.4rem;
	padding-top: .1rem;
}
.good_info .div1 p:nth-child(2){
	font-size: 0.32rem;
}
.good_info .div1 p:nth-child(2) span{
	text-decoration: line-through;
	text-decoration-color: white;
	-moz-text-decoration-color: white;
}
.div2{
	line-height: 1.14666666rem;
	font-size: 0.58666666rem;
	font-weight: 900;
	text-align: center;
}
.div3{
	font-size: 0.32rem;
	color: #be47fd;
	line-height: 1.14666666rem;
}
.active_foot{
	width: 100%;
	height: 1.21333333rem;
	position: absolute;
	bottom: 0;
	background-image: url(../img/active_page/foot.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.go_top{
	width: 1.86666666rem;
	height: 0.56rem;
	color: white;
	font-size: 0.32rem;
	line-height: 0.56rem;
	text-align: center;
	background-image: url(../img/active_page/go_top.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0.3666666rem;
	left: 4.06666666rem;
}
